
<div class="payment_top">
        <a href="javascript:history.back(-1);"><img class="backImg" src="images/back.png"/></a>
        <span class="payment_title">呼叫服务量</span>
</div>

<div class="usermember_center">
    <div class="sale_second ">
        <div class="sale_line">
            <div  class="call_left">
                <div class="sale_callTime">
                    <span ng-show="vm.type==4">今日走势图</span>
                    <span ng-show="vm.type==3">近7日走势图</span>
                    <span ng-show="vm.type==2">近30日走势图</span>
                    <span ng-show="vm.type==1">走势图</span>
                </div>
                <div id="tubiao" ng-model="vm.option" style="width:100%;height:100%;background-color: white"></div>
            </div>
            <div class="call_right">
                <span>共呼叫</span>
                <div style="width:100%;height:10%;margin: 29% 0% " >50次</div>
                <div style="width:100%;height:10%;margin: 29% 0% ">100次</div>
                <div style="width:100%;height:10%;margin: 29% 0% ">30次</div>
                <div style="width:100%;height:10%;margin: 29% 0%">78次</div>
            </div>
        </div>

        <div class="sale_third">
            <img  ng-src="{{vm.type===4?'images/today_01.png':'images/today_02.png'}}" ng-click="vm.img(4)"/>
            <img  ng-src="{{vm.type===3?'images/seven_02.png':'images/seven_01.png'}}" ng-click="vm.img(3)"/>
            <img  ng-src="{{vm.type===2?'images/month_02.png':'images/month_01.png'}}" ng-click="vm.img(2)"/>
            <img  ng-src="{{vm.type===1?'images/self_02.png':'images/self_01.png'}}" ng-click="vm.img(1)"/>

        </div>
        <div class="sale_zidingyi" ng-show="vm.type==1">
            <button class="strarttime_" id="starttime" ng-model="vm.tur_statime">{{vm.tur_statime | mytimeFilter}}</button>
            <button class="strarttime_" id="endtime" ng-model="vm.tur_endtime" >{{vm.tur_endtime |mytimeFilter}}</button>
        </div>

        <div class="sale_liebiao">
            <div>
                <div class="call_service_all">呼叫服务量统计</div>
                <div ng-repeat="tablenum in vm.tableNum" class="sale_tongji">
                    <div class="tj_time" >{{tablenum.time}}</div>
                    <div class="tj_num">{{tablenum.num}}次</div>
                </div>
                <div class="sale_look">
                    <span>查看近30日数据</span>
                    <img class="look_img" src="images/chakan.png"/>
                </div>
            </div>
        </div>
    </div>
</div>

<!--分类模态框显示-->
<!--
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal_add addmotal">
        <div class="modal-content add_modal_content">
            <div class="modal-header add_modal_header">
                <h4 class="modal-title" id="myModalLabel">
                    *温馨提示
                </h4>
            </div>
            <div class="modal-body" style="text-align: center;font-size: 16px;">
                <span >时间太短没有趋势图哦~~</span>
            </div>
            <div class="modal-footer" style="text-align: center;border-top: none">
                <button type="button" class="btn btn_modal"  data-dismiss="modal" ng-click="vm.goseclets()">
                    确定
                </button>
            </div>
        </div>&lt;!&ndash; /.modal-content &ndash;&gt;
    </div>&lt;!&ndash; /.modal &ndash;&gt;
</div>-->
<message-Component message-visible="vm.messageVisible" message="vm.message"  surebtn="vm.sureBtn()"
                   cancelbtn="vm.cancelBtn()"></message-Component>